
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Canvas Paint - Example 5</title>
    <style type="text/css"><!--
      #container { position: relative; }
      #imageView { border: 1px solid #000; }
      #imageTemp { position: absolute; top: 1px; left: 1px; }
    --></style>
  </head>
  <script type="text/javascript" src="paper.js"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
      <script type="text/javascript" src="jquery.ps-color-picker.min.js"></script>
      <script type="text/javascript">
      
      jQuery(document).ready(function(){
         
         window.setTimeout(function(){
         $(".tools_menu_colorpicker").CanvasColorPicker();
         });
      });

	  

	var WDC_ToolHandler,WDC_Color1;
  function log(msg){
  	document.getElementById('consola').value = msg +'\n'+document.getElementById('consola').value;
  	
  }
  </script>

  <script type="text/paperscript" src="tools.class.js" canvas="imageView"></script>
    <script type="text/paperscript" src="tools_menu.js" canvas="toolsmenu"></script>

<div class="tools_menu_colorpicker">Click Me</div>
  <body>

    <div id="container">
    <canvas id="toolsmenu" width="37" height="700">
        <p>Este browser não suporta HTML canvas.</p>
      </canvas>
      <canvas id="imageView" width="1200" height="700">
        <p>Este browser não suporta HTML canvas.</p>
      </canvas>

    </div>
    <textarea id="consola" style="width:100%;height:200px"></textarea>
    
  </body>
  
  </html>

